<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<title>悠途课堂</title>
<link href="css/index_meet.css" rel="stylesheet" />
<link href="css/reveal.css" rel="stylesheet" />
<script type="text/javascript" src="jsrel/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jsrel/t_ady.min.js"></script>
<script type="text/javascript" src="jsrel/language.js"></script>
<script type="text/javascript" src="jsrel/jwplayer.js"></script>
<script type="text/javascript" src="jsrel/t_m_frs.min.js"></script>
<script type="text/javascript" src="jsrel/fullscreen.js"></script>
<script type="text/javascript">
        var isSupportWebSocket = true;
    	if("WebSocket" in window){
    		document.write('<script src="jsrel/sgcWebSockets.js"><'+'/'+'script>');
    		document.write('<script src="jsrel/esegece.com.js"><'+'/'+'script>');
    		isSupportWebSocket = true;
		}else{
			document.write('<script src="jsrel/swfobject.js"><'+'/'+'script>');
    		document.write('<script src="jsrel/web_socket.js"><'+'/'+'script>');
    		isSupportWebSocket = false;
		}
</script> 
</head>
<body ondragstart="return false" ondragstart="return false" onselectstart="return false">
	<div class="mainBody">
		<div class="topBar">
			<span class="leftLabel"><span id="title">悠途课堂-教师端</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a id="operguide" href="help/tes_help.html" target="_blank" style="color: white">操作说明</a>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a id="fullscreen"
				href="javascript:void(0);" onclick="screenmode();"
				style="color: white; cursor: pointer;">全屏模式</a>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    			<a id="startcapture" style="color:white;cursor:pointer;display:none" href="javascript:void(0);" onclick="startcapture();">启动录屏</a>
				 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    			<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3359756226&site=qq&menu=yes"><img src="images/q_2.gif" border="0" alt="help online" title="help online"></a>
			</span> <span class="rightLabel"><span id="online">在线</span>：<span id="onlineNum">0</span></span>
		</div>
		<table class="centerHolder">
			<tr>
				<td>
					<div class="content" id="content">
						<div class="leftBox" id="leftBox">
							<div class="boardView" id="boardView">
								<div class="toolsBar">
									<div class="itemSuit colorList">
										<div id="colorTool" class="toolLabel">颜色</div>
										<div data-color="#FF8C00" class="toolItem selectItem">
											<a style="background-color: #FF8C00"></a>
										</div>
										<div data-color="#000080" class="toolItem">
											<a style="background-color: #000080"></a>
										</div>
										<div data-color="#9ACD32" class="toolItem">
											<a style="background-color: #9ACD32"></a>
										</div>
										<div data-color="#B22222" class="toolItem">
											<a style="background-color: #B22222"></a>
										</div>
									</div>
									<div class="itemSuit lineList">
										<div id="lineTool" class="toolLabel">线粗</div>
										<div data-line="2" class="toolItem selectItem">
											<a style="height: 2px;"></a>
										</div>
										<div data-line="4" class="toolItem">
											<a style="height: 4px;"></a>
										</div>
									</div>
									<div class="itemSuit toolList">
										<div id="otherTool" class="toolLabel">工具</div>
										<div data-type="custom" class="toolItem selectItem">
											<a> <img src="images/pen.png" width="100%" height="100%">
											</a>
										</div>
										<div data-type="rect" class="toolItem">
											<a> <img src="images/rect.png" width="100%"
												height="100%">
											</a>
										</div>
										<div data-type="text" class="toolItem">
											<a> <img src="images/texttool.png" width="100%"
												height="100%">
											</a>
										</div>
										<div data-type="clear" class="toolItem">
											<a> <img src="images/eraser2.png" width="100%"
												height="100%">
											</a>
										</div>
									</div>
									<div class="itemSuit toolList">
										<div class="toolLabel"></div>
										<div class="toolItem" id="lockTool">
											<a
												style="background-image: url(images/lock.png); padding: 4px 0px 4px 0px;"></a>
										</div>
										<div class="toolItem" id="largeTool">
											<a style="background-image: url(images/large.png)"></a>
										</div>
										<div class="toolItem" id="smallTool">
											<a style="background-image: url(images/small.png)"></a>
										</div>
									</div>
								</div>
								<div class="boardBox" id="boardBox">
									<div id="wis_context">
										<div id="wis_context_inner"></div>
									</div>
								</div>
								<div class="boardBottom">
									<a href="javascript:WIS.ToPage(1)">&lt;&lt;</a> <a
										href="javascript:WIS.PrevPage()">&lt;</a> <select
										id="pageList">
										<option value="1">1</option>
									</select> <a href="javascript:WIS.NextPage()">&gt;</a> <a
										href="javascript:WIS.ToPage(pageNum)">&gt;&gt;</a>
								</div>
							</div>
							<div style="display: none;" class="videoView" id="videoView"></div>
						</div>
						<div class="rightBox">
							<div class="videoBox">
								<div class='displayBox' id='displayBox'>
									<div id='playerView'></div>
								</div>
								<div class="displayCtrlBar">
									<a id="myoper" class="offMicBtn" onclick="publishme()">开始直播</a>
									<a id="myset" class="offMicBtn" onclick="myset()" style="float:right;">设置</a>
								</div>
							</div>
							<div id="mp3player">
            				</div>
							<div class="tabsBox">
								<div class="tabsHeader">
									<a id="msgTab" onclick="switchTab(this,'#tabBody1');"
										class="selectTab">消息</a> <a id="docTab"
										onclick="switchTab(this,'#tabBody2');">课件</a> <a id="stuTab"
										onclick="switchTab(this,'#tabBody3');">学生</a>
								</div>
								<div class="tabBody">
									<div id="tabBody1" class="chatWindow">
										<div class="messageBox" id="messageBox"
											onclick="$('#faceBox').hide()"></div>
										<div class="faceBox" id="faceBox" style="display: none;">
											<div class="faceList" id="faceList">
												<div class="facePage" id="facePage1"></div>
												<div class="facePage" id="facePage2"></div>
												<div class="facePage" id="facePage3"></div>
											</div>
											<div class="pageholder">
												<div style="background-color: #808080;"
													onclick="facePageSelect(0)"></div>
												<div style="background-color: white;"
													onclick="facePageSelect(1)"></div>
												<div style="background-color: white;"
													onclick="facePageSelect(2)"></div>
											</div>
										</div>
										<div class="chatToolsBar">
											<a class="chatToolItem"
												style="background-image: url(images/face.png)"
												onclick="showFaceList();"></a>
										</div>
										<div class="msgSendBar" onclick="$('#faceBox').hide()">
											<textarea id="msgSendTxt"></textarea>
											<a id="sendBtn" href="javascript:Publish()">发送</a>
										</div>
									</div>
									<div id="tabBody2" class="docWindow" style="display: none;">
										<fieldset>
                       						<legend id="pptOffice">文本</legend>
                        					<div class="docList" id="docList">
                        					</div>
                        				</fieldset>
                        				<fieldset>
                        					<legend id="pptMp3">音频</legend>
                        					<div class="mp3List" id="mp3List">    
                        					</div>
                        				</fieldset>
									</div>
									<div id="tabBody3" class="docWindow" style="display: none;">
										<div class="stuList" id="stuList"></div>
										<div class="msgSendBar">
											<a id="stuRefresh" href="javascript:refreshUser()">刷新</a>
										</div>
									</div>

								</div>
							</div>
						</div>
					</div>
				</td>
			</tr>
		</table>
	</div>
	<div class="stuView_all">
		<div class="stuView_info">
			<a id="colexp_oper" class="offMicBtn" onclick="colexpme()">收起</a> <a
				id="order_oper" class="offMicBtn" onclick="orderme()">横排</a> <a
				id="mute_oper" class="offMicBtn" onclick="muteall()">全部静音</a>
		</div>
		<div class="stuView_vadio"></div>
	</div>
	<div id="myModal" class="reveal-modal">
		<h1 style="color:red"><span id="impNote">重要提示</span>：</h1>
		<h3>&nbsp;&nbsp;&nbsp;&nbsp;<span id="note1">该平台使用国际领先的视频流技术构建，为保证用户能正常流畅使用，请确保网络带宽4M及以上，推荐浏览器：360极速浏览器、360浏览器(极速模式)、chrome、IE10及以上、edge。</span></h3>
		<h3>&nbsp;&nbsp;&nbsp;&nbsp;<span id="note2">使用本平台前，请确定摄像设备可正常工作。</span></h3>
		<h3>&nbsp;&nbsp;&nbsp;&nbsp;<span id="note3">使用edge时，需更新本机摄像头驱动到最新。</span></h3>
		<h3>&nbsp;&nbsp;&nbsp;&nbsp;<span id="note4">如遇无法使用情况，请更新本机摄像头驱动并使用推荐的浏览器版本。</span></h3>
		<h3>&nbsp;&nbsp;&nbsp;&nbsp;<span id="note5">第一次使用，请先阅读<a href="help/tes_help.html" target="_blank">使用说明</a></span></h3>
		<input type="checkbox" name="selme" id="selme"><span id="note6">下次不再显示</span> 
		<a class="close-reveal-modal">&#215;</a>
	</div>
  <div id="mysetModal" class="reveal-modal medium" >
	<table style="width:100%;height:150px;" border="0">
		<tr>
			<td style="width:100px;text-align:right"><span id="setMic" >麦克风</span>：</td>
			<td style="text-align:left">
				<select id="selmic" style="width:90%;height:30px"></select>
			</td>
		</tr>
		<tr>
			<td style="width:100px;text-align:right"><span id="setCam">摄像头</span>：</td>
			<td style="text-align:left">
				<select id="selcam" style="width:90%;height:30px"></select>
			</td>
		</tr>
		<tr>
			<td ></td>
			<td style="text-align:right">
				<input id="setok" type="button" value="确定" style="width:50px;height:25px;font-size:14px;"/>
				&nbsp;&nbsp;&nbsp;&nbsp;
			</td>
		</tr>
	</table>
	<a class="close-reveal-modal">&#215;</a>
  </div>
  <iframe id="mycapture" height="1" width="1"></iframe>
<div id="loading_bg" style="display:none">
	<span style="height:100%;display:inline-block;vertical-align:middle"></span>
	<img src="./images/loading1.gif" width="100" height="100" border="0" style="vertical-align:middle;"/>
</div>
</body>
<script>
	if (fullScreenApi.supportsFullScreen) {
		$("#fullscreen").show();
	} else {
		$("#fullscreen").hide();
	}

	function screenmode() {
		if (fullScreenApi.isFullScreen()) {
			fullScreenApi.cancelFullScreen(document.documentElement);
		} else {
			fullScreenApi.requestFullScreen(document.documentElement);
		}
	}

	function doit() {
		if (fullScreenApi.isFullScreen()) {
			$("#fullscreen").html(lang_text['exitfullscreen'][lang]);
		} else {
			$("#fullscreen").html(lang_text['fullscreen'][lang]);
		}
	}

	if (fullScreenApi.supportsFullScreen) {
		document.addEventListener("fullscreenchange", function () {
	    	doit();
		}, false);
		document.addEventListener("mozfullscreenchange", function () {
	    	doit();
		}, false);
		document.addEventListener("webkitfullscreenchange", function () {
	    	doit();
		}, false);
	}
</script>
</html>
